/* ALYZA Premium (v17) */
:root{
  --alyza-bronze-1:#8a4b1a;
  --alyza-bronze-2:#b87333;
  --alyza-bronze-3:#d8a55f;
  --alyza-bronze-4:#6e3a12;

  --alyza-card-radius:18px;
  --alyza-img-radius:16px;
  --alyza-shadow:0 12px 32px rgba(0,0,0,.08);
  --alyza-shadow-hover:0 16px 40px rgba(0,0,0,.12);
  --alyza-line:rgba(0,0,0,.10);
}

/* ===========================
   KATEGÓRIA: 4 veľké karty
   (neprepíname celý kontajner na grid – Shoptet je flex)
   =========================== */
#products.products-page{
  display:flex !important;
  flex-wrap:wrap !important;
  margin-left:-12px !important;
  margin-right:-12px !important;
}

#products.products-page > .product{
  width:25% !important;
  padding:12px !important;
  max-width:25% !important;
}

@media (max-width:1200px){
  #products.products-page > .product{width:33.333% !important;max-width:33.333% !important;}
}
@media (max-width:820px){
  #products.products-page > .product{width:50% !important;max-width:50% !important;}
}
@media (max-width:520px){
  #products.products-page > .product{width:100% !important;max-width:100% !important;}
}

/* vnútro karty */
#products.products-page .product .p{
  background:#fff !important;
  border:1px solid var(--alyza-line) !important;
  border-radius:var(--alyza-card-radius) !important;
  box-shadow:var(--alyza-shadow) !important;
  padding:14px !important;
  height:100% !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}
#products.products-page .product .p:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--alyza-shadow-hover) !important;
}

/* obrázok v karte */
#products.products-page a.image{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:4/5 !important;
  overflow:hidden !important;
  border-radius:var(--alyza-img-radius) !important;
  background:#f3f3f3 !important;
}
#products.products-page a.image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  image-rendering:auto !important;
}

/* skryť rušivé veci v karte */
#products.products-page .p-desc,
#products.products-page [data-testid="productCardShortDescr"],
#products.products-page .p-code,
#products.products-page .flags{display:none !important;}

/* necháme názov, skladom, cenu, tlačidlo */
#products.products-page .availability{margin-top:6px !important;}
#products.products-page .price-final strong{font-size:18px !important;}

/* ===========================
   TLAČIDLÁ: bronzový odlesk
   =========================== */
a.btn, .btn, button.btn{
  border-radius:10px !important; /* hranatejšie */
}

.btn-primary,
a.btn-primary,
.btn-conversion,
button.btn-conversion,
.add-to-cart-button{
  border:none !important;
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  background:
    radial-gradient(120% 140% at 20% 10%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 40%),
    linear-gradient(135deg, var(--alyza-bronze-1) 0%, var(--alyza-bronze-2) 35%, var(--alyza-bronze-3) 60%, var(--alyza-bronze-4) 100%) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.16) !important;
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

.btn-primary:hover,
a.btn-primary:hover,
.btn-conversion:hover,
button.btn-conversion:hover,
.add-to-cart-button:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.02) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.20) !important;
}

/* ===========================
   VARIANTY: veľké guľôčky + animácia
   (overené selektory z tvojho funkčného kódu)
   =========================== */
#simple-variants .advanced-parameter-inner,
#simple-variants .advanced-parameter{
  display:inline-flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  align-items:center !important;
}

/* schovaj inputy */
#simple-variants input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* guľôčka */
#simple-variants label.advanced-parameter.has-image{
  width:96px !important;
  height:96px !important;
  border-radius:999px !important; /* aby nebol "vajcový" */
  background:#fff !important;
  border:3px solid rgba(0,0,0,.14) !important;
  overflow:hidden !important;
  cursor:pointer !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  background-size:cover !important;
  background-position:center !important;
}

/* vnútro (span) natiahnuť */
#simple-variants label.advanced-parameter.has-image > span,
#simple-variants label.advanced-parameter.has-image .image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  line-height:0 !important;
}

/* obrázok v guľôčke nech je 1:1 a vyplní */
#simple-variants label.advanced-parameter.has-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
}

/* hover/checked */
#simple-variants label.advanced-parameter.has-image:hover{
  border-color:var(--alyza-bronze-2) !important;
  box-shadow:0 0 0 5px rgba(184,115,51,.22) !important;
  transform:translateY(-1px) scale(1.05) !important;
}
#simple-variants input[type="radio"]:checked + label.advanced-parameter.has-image{
  border-color:var(--alyza-bronze-2) !important;
  box-shadow:0 0 0 6px rgba(184,115,51,.28) !important;
  transform:scale(1.07) !important;
}

/* jemný "pulse" len pre aktívnu */
@keyframes alyzaPulse{
  0%{transform:scale(1.07)}
  50%{transform:scale(1.10)}
  100%{transform:scale(1.07)}
}
#simple-variants input[type="radio"]:checked + label.advanced-parameter.has-image{
  animation:alyzaPulse 1.4s ease-in-out 1;
}

/* mobile zmenšiť */
@media (max-width:980px){
  #simple-variants label.advanced-parameter.has-image{width:84px !important;height:84px !important;}
}
@media (max-width:520px){
  #simple-variants label.advanced-parameter.has-image{width:70px !important;height:70px !important;}
}

/* ===========================
   DETAIL PRODUKTU: väčší obrázok
   (pre Classic šablóny: .p-image-wrapper/.p-info-wrapper)
   =========================== */
body.type-product .p-detail,
body.id--product .p-detail{
  max-width:1380px !important;
  margin:0 auto !important;
}

body.type-product .p-image-wrapper,
body.id--product .p-image-wrapper{
  flex:0 0 60% !important;
  max-width:60% !important;
}

body.type-product .p-info-wrapper,
body.id--product .p-info-wrapper{
  flex:0 0 40% !important;
  max-width:40% !important;
}

body.type-product .p-image,
body.id--product .p-image,
body.type-product .p-image a,
body.id--product .p-image a{
  border-radius:var(--alyza-card-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--alyza-shadow) !important;
}

body.type-product .p-image img,
body.id--product .p-image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
}
  object-fit:cover !important;
  object-position:center 18% !important;
  transform:scale(1.03) !important;


/* kód produktu skryť aj na detaile */
body.type-product .p-code,
body.id--product .p-code{display:none !important;}

@media (max-width:980px){
  body.type-product .p-image-wrapper,
  body.id--product .p-image-wrapper,
  body.type-product .p-info-wrapper,
  body.id--product .p-info-wrapper{
    flex:0 0 100% !important;
    max-width:100% !important;
  }
}


/* ===========================
   v21 PATCH: detail image dominance + wow effects
   - keep variants layout intact
   =========================== */

/* 1) DETAIL: mierne viac priestoru pre fotku (bez zásahu do variantov) */
.p-detail .p-image-wrapper{
  flex: 0 0 68% !important;
  max-width: 68% !important;
}
.p-detail .p-info-wrapper{
  flex: 0 0 32% !important;
  max-width: 32% !important;
}

/* mobile/tablet fallback */
@media (max-width: 980px){
  .p-detail .p-image-wrapper,
  .p-detail .p-info-wrapper{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* 2) WOW efekt #1: jemný „metal shine“ na hlavných tlačidlách */
:root{
  --alyza-shine: rgba(255,255,255,.55);
  --alyza-shine-soft: rgba(255,255,255,.25);
}

/* cielime na hlavné CTA v liste aj detaile */
a.btn, .btn,
.p-detail .add-to-cart-button, .p-detail .btn-cart,
.products-page .product a.btn, .products-page .product .btn{
  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0);
}

/* shimmer vrstva */
a.btn::before, .btn::before,
.p-detail .add-to-cart-button::before, .p-detail .btn-cart::before,
.products-page .product a.btn::before, .products-page .product .btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      var(--alyza-shine-soft) 35%,
      var(--alyza-shine) 50%,
      var(--alyza-shine-soft) 65%,
      rgba(255,255,255,0) 100%);
  transform: translateX(-140%) skewX(-18deg);
  opacity:.0;
  transition: opacity .25s ease;
  pointer-events:none;
}

/* jemný prechod pri hovere */
a.btn:hover::before, .btn:hover::before,
.p-detail .add-to-cart-button:hover::before, .p-detail .btn-cart:hover::before,
.products-page .product a.btn:hover::before, .products-page .product .btn:hover::before{
  opacity:.85;
  animation: alyzaShimmer 1.1s ease-out forwards;
}
@keyframes alyzaShimmer{
  from{ transform: translateX(-140%) skewX(-18deg); }
  to  { transform: translateX(140%)  skewX(-18deg); }
}

/* 3) WOW efekt #2: „podpis ALYZA“ ako jemný watermark pri veľkej fotke */
.p-detail .p-image-wrapper{
  position: relative !important;
}
.p-detail .p-image-wrapper::after{
  content: "ALYZA";
  position: absolute;
  right: 18px;
  bottom: 14px;
  font-family: "Brush Script MT", "Segoe Script", "Snell Roundhand", cursive;
  font-weight: 400;
  font-size: 34px;
  letter-spacing: .06em;
  color: rgba(176,107,43,.55);
  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 10px 22px rgba(0,0,0,.10);
  opacity: .85;
  pointer-events: none;
  transform: rotate(-2deg);
}

/* nech watermark neprekrýva UI na malých obrazovkách */
@media (max-width: 520px){
  .p-detail .p-image-wrapper::after{
    font-size: 26px;
    right: 12px;
    bottom: 10px;
    opacity: .75;
  }
}



/* ======================================================
   DETAIL: dominantný obrázok (bez rozbitia variantov)
   ====================================================== */
body.type-product .p-image,
body.id--product .p-image{
  width:100% !important;
  aspect-ratio:4/5 !important;
  max-height:76vh !important;
  min-height:560px !important;
  background:#fff !important;
}
body.type-product .p-image > a,
body.id--product .p-image > a{
  display:block !important;
  width:100% !important;
  height:100% !important;
}
@supports not (aspect-ratio: 1 / 1){
  body.type-product .p-image,
  body.id--product .p-image{min-height:560px !important;}
}
@media (max-width:1100px){
  body.type-product .p-image,
  body.id--product .p-image{
    max-height:none !important;
    min-height:420px !important;
  }
  body.type-product .p-image img,
  body.id--product .p-image img{
    transform:none !important;
    object-position:center top !important;
  }
}
@media (max-width:768px){
  body.type-product .p-image,
  body.id--product .p-image{min-height:320px !important;}
}
/* mini náhľady pod obrázkom: konzistentná veľkosť */
body.type-product .p-thumbnails a,
body.id--product .p-thumbnails a{
  border-radius:12px !important;
  overflow:hidden !important;
}
body.type-product .p-thumbnails img,
body.id--product .p-thumbnails img{
  object-fit:cover !important;
}

/* Variants: vždy grid (nie jeden stĺpec) */
body.type-product #simple-variants,
body.id--product #simple-variants{display:block !important;}
body.type-product #simple-variants.clearfix,
body.id--product #simple-variants.clearfix{display:block !important;}
body.type-product #simple-variants .advanced-parameter-inner,
body.id--product #simple-variants .advanced-parameter-inner{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  align-items:center !important;
}
/* =========================
   ALYZA – PRODUCT DETAIL BACKGROUND
   ========================= */

body.p-detail{
  background: linear-gradient(
    180deg,
    #f6efe6 0%,
    #f2e8db 40%,
    #efe3d2 100%
  ) !important;
}

body.p-detail::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 25% 20%, rgba(184,115,51,.10), transparent 45%),
    radial-gradient(circle at 80% 60%, rgba(184,115,51,.08), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.2));
}

body.p-detail::after{
  content:"A  A  A  A  A";
  position: fixed;
  left: -10vw;
  right: -10vw;
  bottom: 8vh;
  font-size: clamp(80px, 12vw, 160px);
  font-weight: 900;
  letter-spacing: 2.5em;
  color: rgba(184,115,51,.07);
  text-align: center;
  transform: rotate(-6deg);
  pointer-events: none;
  z-index: 0;
}

.p-detail,
.p-detail-inner,
#content,
#content-wrapper{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

@media(max-width:768px){
  body.p-detail::after{
    font-size: 80px;
    letter-spacing: 1.2em;
    opacity:.05;
  }
}
/* =========================
   ALYZA – DETAIL PRODUKTU: TEPLÉ POZADIE + WATERMARK A
   (Shoptet: body.type-product / body.id--product)
   ========================= */

body.type-product,
body.id--product{
  background: linear-gradient(180deg,#f6efe6 0%,#f2e8db 45%,#efe3d2 100%) !important;
  background-attachment: fixed !important;
}

/* jemná “hmla” */
body.type-product::before,
body.id--product::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 25% 20%, rgba(184,115,51,.10), transparent 45%),
    radial-gradient(circle at 80% 60%, rgba(184,115,51,.08), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.15));
}

/* watermark A */
body.type-product::after,
body.id--product::after{
  content:"A   A   A";
  position: fixed;
  left: -10vw;
  right: -10vw;
  bottom: 8vh;
  text-align: center;
  font-size: clamp(90px, 12vw, 180px);
  font-weight: 900;
  letter-spacing: 1.6em;
  color: rgba(184,115,51,.06);
  transform: rotate(-6deg);
  pointer-events: none;
  z-index: 0;
}

/* uisti sa, že obsah ide NAD pozadie */
body.type-product #content-wrapper,
body.id--product #content-wrapper,
body.type-product #content,
body.id--product #content,
body.type-product .overall-wrapper,
body.id--product .overall-wrapper{
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* mobile – fixed background občas seká */
@media (max-width: 768px){
  body.type-product,
  body.id--product{
    background-attachment: scroll !important;
  }
  body.type-product::after,
  body.id--product::after{
    letter-spacing: 1.1em;
    opacity: .05;
  }
}

/* =========================================================
   ALYZA – WARM BRAND WALLPAPER (GLOBAL)
   Jemné teplé pozadie + opakovaný symbol "A" ako tapeta.
   Vkladá sa na KONIEC súboru ako override (nezasahuje do headeru).
   ========================================================= */
:root{
  --alyza-warm-bg: #f5f0e8;
  --alyza-warm-ink: rgba(0,0,0,.06);
  --alyza-warm-bronze: rgba(184,115,51,.10);
  --alyza-wallpaper-a: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%0A%20%20%3Crect%20width%3D%27220%27%20height%3D%27220%27%20fill%3D%27none%27/%3E%0A%20%20%3Ctext%20x%3D%27110%27%20y%3D%27130%27%20text-anchor%3D%27middle%27%20font-family%3D%27Exo%202%2C%20Arial%2C%20sans-serif%27%20font-size%3D%27110%27%20font-weight%3D%27800%27%20fill%3D%27%2523b87333%27%20fill-opacity%3D%270.06%27%3EA%3C/text%3E%0A%3C/svg%3E");
}

/* základ */
html, body{
  background: var(--alyza-warm-bg) !important;
}

/* tapeta */
body{
  background-image:
    radial-gradient(circle at 18% 12%, var(--alyza-warm-bronze), transparent 55%),
    radial-gradient(circle at 82% 28%, var(--alyza-warm-ink), transparent 60%),
    var(--alyza-wallpaper-a) !important;
  background-size:
    1200px 900px,
    1200px 900px,
    220px 220px !important;
  background-position:
    center top,
    center top,
    0 0 !important;
  background-repeat:
    no-repeat,
    no-repeat,
    repeat !important;
  background-attachment: fixed, fixed, fixed !important;
}

/* nech nám template nehodí biele bloky cez tapetu */
.overall-wrapper,
#content-wrapper,
#content,
.index-content-wrapper,
.category-content-wrapper,
.p-detail,
.content-wrapper-in,
.container,
.container_resetted{
  background: transparent !important;
}

/* mobil – fixed pozadie občas seka */
@media (max-width: 768px){
  body{ background-attachment: scroll, scroll, scroll !important; }
}
body.type-product {
  background:
    radial-gradient(circle at 30% 20%, rgba(200,166,107,0.06), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(200,166,107,0.05), transparent 45%),
    repeating-linear-gradient(
      -30deg,
      rgba(200,166,107,0.035) 0px,
      rgba(200,166,107,0.035) 2px,
      transparent 2px,
      transparent 140px
    ),
    #f6f2ec;
}
/* =========================
   ALYZA – PRODUCT DETAIL SIGNATURE BACKGROUND
   ========================= */

/* teplý základ */
body.type-product{
  background: linear-gradient(180deg,#f6f1ea 0%, #efe6db 100%) !important;
  position: relative;
  overflow-x: hidden;
}

/* jemná značková tapeta – symbol A */
body.type-product::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background-image: url("https://761909.myshoptet.com/user/documents/upload/614107614_897671009400660_3062169418456217660_n.jpg");
  background-repeat: repeat;
  background-size: 420px auto;   /* veľkosť A */
  background-position: 40px 40px;

  opacity: 0.10;                /* jemné, ale VIDITEĽNÉ */
  filter: saturate(1.05) contrast(1.05);
  mix-blend-mode: multiply;     /* luxusný „potlačový“ efekt */
}

/* všetok obsah nad watermarkom */
#content,
#content-wrapper,
.overall-wrapper,
.p-detail,
.p-detail-inner,
.content-wrapper-in{
  position: relative;
  z-index: 1;
}

/* karty produktu ešte jemnejšie vystúpené */
.p-detail-inner{
  background: rgba(255,255,255,0.92);
  border-radius: 26px;
  box-shadow: 0 30px 80px rgba(0,0,0,.08);
}
/* =========================
   ALYZA – CLEAN PRODUCT DETAIL (bez vrstvenia)
   ========================= */

/* Menej "papierový" efekt: vypnúť veľké tiene a extra pozadia panelov */
body.type-product .p-detail-inner,
body.type-product .p-image-wrapper,
body.type-product .p-data-wrapper{
  background: rgba(255,255,255,0.82) !important; /* stále čitateľné, ale nie tvrdé */
  border-radius: 18px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important; /* jemný tieň */
  border: 1px solid rgba(0,0,0,.06) !important;      /* namiesto hrubého tieňa jemná linka */
}

/* Ak chceš úplne flat (bez tieňa), odkomentuj: */
/*
body.type-product .p-detail-inner,
body.type-product .p-image-wrapper,
body.type-product .p-data-wrapper{
  box-shadow: none !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
*/

/* Thumbnail pás – nech nepôsobí ako ďalšia karta */
body.type-product .p-thumbnails-wrapper{
  background: transparent !important;
  box-shadow: none !important;
}

/* Trochu viac priestoru aby to nevyzeralo "na sebe" */
body.type-product .p-detail-inner{
  padding: 18px !important;
}

/* Zjemniť fotku, nech sedí do clean štýlu */
body.type-product .p-image-wrapper img{
  border-radius: 14px !important;
}
/* =========================
   ALYZA – HERO (homepage) FIX SIZE + SHARPNESS
   Prebije inline min-height:1270px
   ========================= */

body.type-index .wide-carousel{
  max-width: 1280px;
  margin: 18px auto 10px;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.16);
}

/* PREBIJ inline style na carousel-inner */
body.type-index .wide-carousel #carousel.carousel .carousel-inner{
  min-height: clamp(420px, 72vh, 760px) !important;
  height: clamp(420px, 72vh, 760px) !important;
}

/* Item musí mať rovnakú výšku */
body.type-index .wide-carousel #carousel.carousel .carousel-inner > .item,
body.type-index .wide-carousel #carousel.carousel .carousel-inner > .carousel-item{
  height: clamp(420px, 72vh, 760px) !important;
}

/* Obrázok nech je vždy “cover” a ostrý */
body.type-index .wide-carousel #carousel.carousel .carousel-inner img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Mobil – ešte nižší hero */
@media (max-width: 768px){
  body.type-index .wide-carousel{
    max-width: 100%;
    margin: 10px 12px 8px;
    border-radius: 20px;
  }

  body.type-index .wide-carousel #carousel.carousel .carousel-inner{
    min-height: clamp(320px, 52vh, 520px) !important;
    height: clamp(320px, 52vh, 520px) !important;
  }

  body.type-index .wide-carousel #carousel.carousel .carousel-inner > .item,
  body.type-index .wide-carousel #carousel.carousel .carousel-inner > .carousel-item{
    height: clamp(320px, 52vh, 520px) !important;
  }
}
/* =========================
   ALYZA – HERO FULLWIDTH (Homepage)
   Full width + image auto-fit
   ========================= */

/* full width wrapper */
body.type-index .wide-carousel{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* zruš vnútorné obmedzenia (ak ich šablóna dáva) */
body.type-index .wide-carousel .container,
body.type-index .wide-carousel .container-fluid,
body.type-index .wide-carousel .content-wrapper,
body.type-index .wide-carousel .overall-wrapper{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* výška hero – nech je pekná a konzistentná */
body.type-index .wide-carousel #carousel.carousel .carousel-inner{
  min-height: clamp(520px, 92vh, 980px) !important;
  height: clamp(520px, 92vh, 980px) !important;
}

/* item = rovnaká výška */
body.type-index .wide-carousel #carousel.carousel .carousel-inner > .item,
body.type-index .wide-carousel #carousel.carousel .carousel-inner > .carousel-item{
  height: clamp(520px, 92vh, 980px) !important;
}

/* obrázok vždy vyplní banner */
body.type-index .wide-carousel #carousel.carousel .carousel-inner img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* mobil – nižší hero, stále full width */
@media (max-width: 768px){
  body.type-index .wide-carousel #carousel.carousel .carousel-inner{
    min-height: clamp(380px, 62vh, 620px) !important;
    height: clamp(380px, 62vh, 620px) !important;
  }
  body.type-index .wide-carousel #carousel.carousel .carousel-inner > .item,
  body.type-index .wide-carousel #carousel.carousel .carousel-inner > .carousel-item{
    height: clamp(380px, 62vh, 620px) !important;
  }
}
/* ===== DETAIL PRODUKTU – OPRAVA VÝŠKY OBRÁZKA ===== */

body.type-product .p-image-wrapper,
body.type-product .p-image {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

body.type-product .p-image img,
body.type-product .wide .p-image img,
body.type-product .image360 img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
}

/* Desktop – nech obrázok vyplní kartu */
@media (min-width: 768px) {
    body.type-product .p-detail-inner {
        align-items: stretch;
    }

    body.type-product .p-image-wrapper {
        display: flex;
        align-items: center;
    }
}
/* =========================================================
   ALYZA – MOBILE FIX (iba telefón)
   Vráti veľkosť kariet + spraví CTA ako v dizajne
   ========================================================= */
@media (max-width: 768px){

  /* karta nech sa nescvrkáva paddingmi/šírkami */
  #products.products-page > .product,
  .products-page #products > .product{
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
  }

  /* vnútro karty – viac priestoru pre fotku (menej “rámu”) */
  #products.products-page .product .p,
  .products-page .product .p{
    padding: 12px !important;
    border-radius: 22px !important;
  }

  /* obrázok nech je väčší a nevyzerá “malý” */
  #products.products-page a.image,
  .products-page a.image{
    aspect-ratio: auto !important;      /* zruší 4/5 ktoré zmenšuje vizuál na mobile */
    height: auto !important;
    min-height: 360px !important;       /* nastaví „veľkú“ kartu */
    border-radius: 18px !important;
  }

  #products.products-page a.image img,
  .products-page a.image img{
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* CTA ZOBRAZIŤ – vráti “Alyza bronz” look aj keď Shoptet zmení štýly */
  #products.products-page .p-tools a.btn,
  #products.products-page .p-tools .btn,
  .products-page .p-tools a.btn,
  .products-page .p-tools .btn{
    border: none !important;
    color: #fff !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    background:
      radial-gradient(120% 140% at 20% 10%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 40%),
      linear-gradient(135deg, #8a4b1a 0%, #b87333 35%, #d8a55f 60%, #6e3a12 100%) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
  }

  /* aby sa tlačidlo nerozbilo na úzke (plná šírka) */
  #products.products-page .p-tools a.btn,
  .products-page .p-tools a.btn{
    width: 100% !important;
    text-align: center !important;
    display: inline-flex !important;
    justify-content: center !important;
  }
}